<!DOCTYPE html>
<html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>属性绑定</title>
</head>
<body>

<div id="app">


    <a v-bind:href="url">主页</a>
    <!--：是v-bind的语法糖--简写-->
    <a :href="url">主页</a>

    <button v-on:click="btnSubmitClick">按钮1</button>
    <button @click="btnSubmitClick">按钮2</button>

</div>

</body>
<script src="../../../lib/vue.global.js"></script>
<script>

    const app ={
         data(){

             return {
                  url:'http://test.org/test'
             }
         },methods:{
             btnSubmitClick() {

                 alert("clicked");
             }
        }
    }

    Vue.createApp(app).mount('#app')

    /**
     *   鼠标事件
     *       click dbclick
     *       mouseEnter mouseLeave mouseOver
     *   键盘事件
     *       key-xx
     *       keyUp  keyDown keyPress
     *   系统事件
     *       load window.load
     *          change  --- select
     * */


</script>



</html>